@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }


.main{
    margin-top: 10px;
    margin-left: 219px;
    width: 984px;
    height: 455px;
    }
    
    .focus{
        float: left;
        position: relative;
        width: 721px;
        height: 455px;
        overflow: hidden;
    }

    .leftarrow,.rightarrow{
        position: absolute;
        display: none;
        width: 30px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: rgba(0,0,0,.3);
        color: #fff;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .leftarrow{
        top: 50%;
        left: 0;
    }

    .rightarrow{
        top: 50%;
        right: 0;
    }

    .focus ul{
        position: absolute;
        width: 600%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
      
    }

    .focus ul li{
        float: left;
    }

    .focus ol{
        position: absolute;
        bottom: 10px;
        left: 25%;
       
    }
    .current{
        background-color: #fff;
    }

    .focus ol li{
        float: left; 
        margin-right: 5px;
        width: 12px;
        height: 12px;
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
    }
    
 
    .newsflash{
        float: right;
        width: 250px;
        height: 453px;
    }
    
    .news{
        padding: 0 10px;
        width: 250px;
        height:165px;
        border: 1px solid #e4e4e4;
    }
    
    .news-hd{
        height: 33px;
        line-height: 33px;  
        border-bottom: 1px dotted #e8e8e7;
    }
    
    
    .news-hd a{
        float: right;
        font-size: 14px;
        color:#333;
    }
    
    .news-bd{
        width: 100%;
        height: 133px;
        padding-top: 10px;
       
    }
    .news-bd li{
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    
    .news-icon{
        width: 250px;
        height:210px ;
        overflow: hidden;
        border: 1px solid #e4e4e4;
        border-top: 0;
    }  
    
    .news-icon ul{
    width: 252px;
    }
    
    .news-icon li{
        position: relative;
        float: left;
        width: 63px;
        height:70px;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
    }
    
    
    
    .news-icon li i{
        display: inline-block;
        margin-top: 12px;
       background: url(../images/icons.png) no-repeat -19px -15px;
      width: 24px;
      height: 28px;
    
    
    }
    
    .news-icon li:nth-child(2) i{
       background: url(../images/icons.png) 
       no-repeat  -80px -15px
    }
    
    
    .news-icon li:nth-child(2)::after{
     position: absolute; 
     width: 14px;
     height: 17px;  
     content: "";
     top: 0;
     right: -2px;
    background: url(../images/jian.jpg) no-repeat;}
    
    .news-icon li:nth-child(3) i{
        background: url(../images/icons.png) 
        no-repeat  -142px -15px
     }
    
    .news-icon li h5{
      
        font-size: 14px;
        font-weight: 400;
        height: 31px;
        line-height: 31px;
    }
    
    .bargain{
        padding-top: 3px;
    }
     

    
    
    .rec{
        margin-top: 10px;
        height: 163px;
        background-color: #ebebeb;
    }
    
    .rec-hd{
        
        float: left;
        width: 205px;
        height: 163px;
    }
    
    .rec-bd{
        float: left;
        /* width: 994px;
        height: 100%; */
    }
    
    .rec-bd li{
        position: relative;
        float: left;
        width: 248px;
        height: 163px;
    }
    
    .rec-bd li img{
        width: 100%;   
        height: 100%;
    }
    
    .rec-bd li:nth-child(-n+3) ::after{
        position: absolute;
        content: "";
        width: 1px;
        height: 142px;
        background-color: #ddd;
        top:10px;
        right: 0px;
    }
    
    
    
    .main{
        height: 468px;
    }
    

    .guess-hd i{
        font-family: 'icomoon';
        font-size: 12px;
      
    }
    
    .guess{
        margin-top: 30px;
    }
    
    .guess-hd{
    height: 30px;
    }
    
    .guess-hd h3{
        float: left;
        color: #333333;
        font-size: 18px;
        font-weight: normal;
    }
    
    .guess-hd a{
        float: right;
        margin-right: 20px;
    }
    
    .guess-bd{
    height: 233px;
    }
    
    .fl{
        float: left;
    }
    
    .guess-bd  li{
        float: left;
    }
    
    .fun{
        width: 1205px;
        
    }
    
    
    .fun-hd{
        margin-top: 30px;
        height: 30px;
        color: #333333;
        font-size: 18px;
    }
    
    .fun-bd{
        height: 405px;
    }
    
    .fun-bd .top{
        float: left;
        width: 404px;
        height: 405px;
       
    }
    
    .fun-bd .goods{
        float: left;
        width: 226px;
        height: 405px;
        margin-left: -1px;
        overflow: hidden;
    
    }
    
    .fun-bd .goods h3{
        width: 193px;
        height: 40px;
        padding: 0 16px;
        line-height: 40px;
        text-align: center;
        color: #333333;
        font-size: 14px;  
        border-bottom: 1px dotted #ededed;
    }
    
    .fun-bd .pingpai{
        float: left;
        margin-left: -1px;
        height: 100%;
        overflow: hidden;
       
    }
    
    .fun-bd .pingpai h3{
        width: 368px;
        height: 40px;
        padding: 0 23px;
        line-height: 40px;
        text-align: center;
        color: #333333;
        font-size: 14px;  
        border-bottom: 1px dotted #ededed;
    }
    
    .border{
        border: 1px solid #ededed;
    }
    
     .pingpai2,.pingpai3{
        float: left;
    } 
    
    .alllogo{
        float: left;
        margin-left: -1px;
    }

    .home{
        position: relative;
    }

    .subnav {
        position: absolute;
        left: 50%;
        margin-left: 600px;
        top: 1694px;
        border: 1px solid #ccc;
    }

    .subnav li{
       width: 80px;
       text-align: center;
  
    }

    #goback{
        display: none;
    }
    
    
    
    .subnav li a{
        display: block;
        height: 32px;
        width: 80px;
        line-height: 32px;
        padding: 0 7px;
        color: #666666;
        font-size: 12px;
        border-bottom: 1px solid #ededed;
        
    } 
    
    .subnav li:hover{
        background-color: #b1191a;
    }
    
     
    
    .subnav li:hover a{
        color: #fff;
    } 
    
    
    
    .home-hd{
        margin-top: 25px;
        height: 30px;
        border-bottom: 2px solid #c81623;
    }
    
    .home-hd h3{
        float: left;
        color: #c81623;
        font-size: 18px;
    }
    
    .tab-list{
        float: right;
        margin-top: 6px;
    }
    
    .tab-list li{
        float: left;
        line-height: 12px;
    }
    
    .tab-list li a{
        padding: 0 16px;
        color: #666666;
        font-size: 12px;
        border-right: 1px solid #999999;
    }
    
    .tab-list .last{
        border-right: 1px solid transparent;
    }
    
    .tab-list li a:hover{
        color: #c81623;
    }
    
    .home-bd{
    position: relative;
    height: 361px;
    overflow: hidden;
    }
    
    
    .home-bd-hd {
     float: left;
     width: 211px;
     height: 100%;
     padding-left: 13px;
     background-color: #f9f9f9;
    }
    
    .home-bd-hd li{
        float: left;
        width: 87px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        margin-right: 12px;
        border-bottom: 1px solid #ededed;
    }
     


    .home-bd-bd ul{
        width: 1205px;
       
    }
    
    .home-bd-bd li{
        float: left;
        height: 361px;
        overflow: hidden;
        border-right: 1px solid #ededed;;
    }
    
    
    .tea{
        width: 331px;
    }
    
    .mico,.f {
       width: 221px;
    }

    .k{
        width: 216px;
    }
    
    .home-bd-bd li img{   
        transition: ALL 0.3S;
     
    }

    .home-bd-bd li:nth-child(n-1) img {  
         border-bottom: 1px solid #ededed;
       
      }

  
    .home-bd  img:hover{
        padding-left: 8px;     
    }

  


    